<template>
  <div class="preview-pic play" :id="values.id">
    <div class="image-wrapper">
      <img v-if="values" class="pic-img" :src="getUrl(values.pic)">
      <div class="video-detail">
        <i class="iconfont icon-play"><span class="txtweight"> {{values.playNumber}}</span></i>
        <i class="iconfont icon-good1"><span class="txtweight"> {{values.praise}}</span></i>
        <i class="iconfont icon-time"><span class="txtweight"> {{formatTime(values.duration)}}</span></i>
      </div>
    </div>
    <slot name="info"></slot>
  </div>
</template>

<script>
import {mixin} from '../mixins/index'
export default {
  mixins:[mixin],
  data(){
    return {
      praiseNum:0,
    }
  },
  name:'play',
  props:['values'],
}
</script>

<style scoped>
@import '../assets/css/previewPic.css';
</style>